﻿/********************************** Table and TD **********************************/
body 
{
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
    margin: 0px;
}
.headerTD
{
	background-color: #000000;	
	height:30px; /* Just to make the header area as tight as possible */
}
.headerBarTD
{
	background-color:#CC9966;
	padding-right: 0px;
    padding-left: 0px; 
    padding-bottom: 0px; 
    padding-top: 0px;
}
.logoTD
{
	width:125px;	
}
.leftNavigationTD
{
	background-color: #ffffff;
	vertical-align: top;
	width:20%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* the right TD for content */
.mainBodyTD
{
	width:80%;
	vertical-align:top;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.footerTD
{
	background-color: #CC9966; 
	height: 30px;	
}
.lineTD
{
	border-width:0px;
	background-color: #CC9966;
	height:1px;
}
.webPartsContainerTD
{	
	vertical-align: top;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 40%;
}
.webPartsContainerLeftTD
{	
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width:20%;
	background-color:#ffffff;
}
.titleImageTD
{
	width:0px;
}
.linkDisplayModeTD
{	
	/*background-color: #666666;	*/
	padding:0px 4px 2px 4px;
}
.imageShadowTD
{ 
	filter:shadow(color=#D1CFD2,direction=135,strength=8);
	display:inline-block;
}
********************************** Web Part ******************************************
.webPartZone
{
	width:100%;
		
}
.webPartTitle
{
	background-image: url(img/titleBar.jpg);
	padding:0px 0px 0px 0px;
	height:30px;
}
.webPartTitleDark
{
	background-image: url(img/titleBar.jpg);
	padding:0px 0px 0px 0px;
	height:30px;
}

/*********************************** Menu *******************************************/
.headerMenu {
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	border-right: solid 1px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	border-left: solid 0px #000000;
}
.headerMenuItem 
{
	color:#999999;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	background-color: #000000;
	border-right: solid 1px #CC9966;
	border-top: solid 0px #CC9966;
	border-bottom: solid 1px #CC9966;
	border-left: solid 1px #CC9966;
	margin: 0px 0px 0px 0px;
}
.headerMenuSelected
{
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	border-right: solid 1px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	border-left: solid 0px #000000;
}
.leftNavigationMenu
{
	width:100%;
}
.leftNavigationMenuItem
{
	color:#003366;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;	
	padding: 2px 4px 2px 4px;
}
.leftNavigationMenuSelected
{
	color:#003366;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;	
	border: solid 1px #CC9966;
	padding: 2px 4px 2px 4px;
	background-color: #ffffff;
}
/*********************************** frame *******************************************/
.frameTable
{
	WIDTH: 100%;
	border-width:0px;
}
.frameBody
{
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	font-family: Verdana;
	background-color: #EEEEEE;
}
.frameTop
{
	color:#ffffff;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
	text-align:center;
	background-color: #D1CFD2;
	background-image: url(img/titleBar.jpg);
	padding:2px 2px 2px 2px;
}
.frameLeftTop
{
	width:1px;
	background-color: #D1CFD2;
}
.frameRightTop
{
	width:1px;
	background-color: #D1CFD2;
}
.frameLeft
{
	width:1px;
	background-color: #D1CFD2;
}
.frameRight
{
	width:1px;
	background-color: #D1CFD2;
}
.frameLeftBottom
{
	width:1px;
	height:1px;
	background-color: #D1CFD2;
}
.frameRightBottom
{
	width:1px;
	height:1px;
	background-color: #D1CFD2;
}
.frameBottom
{
	height:1px;
	background-color: #D1CFD2;
}

.frameDarkTable
{
	WIDTH: 100%;
	border-width:0px;
}
.frameDarkBody
{
	padding: 10px 10px 10px 10px;
	font-size: 11px;
	font-family: Verdana;
	background-color: #EEEEEE;
}
.frameDarkTop
{
	color:#ffffff;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana;
	text-align:center;
	background-color: #D1CFD2;
	background-image: url(img/titleBar.jpg);
	padding:2px 2px 2px 2px;
}
.frameDarkLeftTop
{
	width:1px;
	background-color: #D1CFD2;
}
.frameDarkRightTop
{
	width:1px;
	background-color: #D1CFD2;
}
.frameDarkLeft
{
	width:1px;
	background-color: #D1CFD2;
}
.frameDarkRight
{
	width:1px;
	background-color: #D1CFD2;
}
.frameDarkLeftBottom
{
	width:1px;
	height:1px;
	background-color: #D1CFD2;
}
.frameDarkRightBottom
{
	width:1px;
	height:1px;
	background-color: #D1CFD2;
}
.frameDarkBottom
{
	height:1px;
	background-color: #D1CFD2;
}
/*********************************** TextBox *******************************************/
.textBoxNormal
{
/*	border-left: solid 1px #99ACF7;
	border-top: solid 1px #99ACF7;
	border-right: solid 1px #E9F4FF;
	border-bottom: solid 1px #E9F4FF; */
	border: 1px solid #002992;
   	background-color: #FFFFFF;
 	background-repeat: repeat-x;
 	background-position: 0px 0px;
  	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140,color=#999999,strength=4);
  	font-family:  Verdana,  Arial, Helvetica, sans-serif;
	font-size:   11px;	
}
.textBoxMulti
{
/*	border-left: solid 1px #99ACF7;
	border-top: solid 1px #99ACF7;
	border-right: solid 1px #E9F4FF;
	border-bottom: solid 1px #E9F4FF; */
	font-size: 11px;
	font-family: Verdana;
}

/*********************************** CheckboxList *******************************************/
.CheckBoxListNormal
{
	font-family:  Verdana,  Arial, Helvetica, sans-serif;
	font-size:   11px;
	font-weight:   normal;
	color:      Navy;
}

/*********************************** Checkbox *******************************************/
.checkboxNormal
{
	font-family:  Verdana,  Arial, Helvetica, sans-serif;
	font-size:   11px;
	font-weight:   normal;
	color:      Navy;
}

/*********************************** DropdownList *******************************************/
.dropdownListNormal
{
	border: 1px solid #002992;
   	background-color: #FFFFFF;
   	cursor: pointer;
 	_cursor: hand;
 	background-repeat: repeat-x;
 	background-position: 0px 0px;
  	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140,color=#999999,strength=4);
  	font-family:  Verdana,  Arial, Helvetica, sans-serif;
	font-size:   11px;
	width: 136;
}

/*********************************** Button *******************************************/
.buttonNormal
{
	border-left: solid 1px #4f7dd2;
	border-top: solid 1px #4f7dd2;
	border-right: solid 1px #4f7dd2;
	border-bottom: solid 1px #4f7dd2;
	background-color: #C1C6DB;
	color:#003399; 
	font-size: 11px;
	font-family: Verdana;	
	/*width: 50px;*/
}
/*********************************** Drop Down List *******************************************/
.dropDownListNormal
{
	font-size: 11px;
	font-family: Verdana;
}

/*********************************** Label *******************************************/
.labelNormal
{
	color:#003366;
	font-size: 11px;
	font-family: Verdana;
}
.labelBold
{
	color:#003366;
	font-size: 11px;
	font-family: Verdana;
	font-weight:bold;
}
.labelItalic
{
	color:#003366;
	font-size: 11px;
	font-family: Verdana;
	font-style:italic;
}
.labelIMT
{
	color:#CC9966;
	font-size: 12px;
	font-weight:bold;
	font-family:Verdana;
}
.labelTitle
{
	color:#003366;
	font-size: 18px;
	font-weight:bold;
	font-family:Georgia;
}
.labelFooter
{
	color:#ffffff;
	font-size: 10px;
	font-family: Verdana;
}
.labelDisplayMode
{
	color:#ffffff;
	font-size: 11px;
	font-family: Verdana;
}
.labelGreeting
{
	color:#ffffff;
	font-size: 11px;
	font-family:Georgia;
}
.labelSubGroup
{
	color:#003366;
	font-size: 12px;
	font-family: Verdana;
	font-weight:bold;
}
.labelErrorMessage
{
	color:#ff0000;
	font-size: 14px;
	font-family: Verdana;
	font-weight:bold;

}
/*********************************** Grid View *******************************************/
.gridview
{
	border: solid 1px #D1CFD2;
	width: 100%;
}
.gridViewHeader
{
	background-image: url(img/toolgrad.gif);
	height:20px;
	border: solid 1px #D1CFD2;
	color:#003366;
	font-size: 11px;
	font-family: Verdana;
	font-weight:normal;
	text-align: left;
}
.gridviewRow
{
	border: solid 1px #D1CFD2;
	color:#003366;
	font-size: 11px;
	font-family: Verdana;
}
.gridviewRowAlternate
{
	border: solid 1px #D1CFD2;
	background-color: #D1CFD2;
	color:#003366;
	font-size: 11px;
	font-family: Verdana;
}
/*********************************** image *******************************************/
.logoImg
{
	height: 50px; 
	width: 125px; 
}
.imageButtonSelected
{
	border-color:Lime;
}
.imageButtonUnSelected
{
	border-color:White;
}
/*********************************** link *******************************************/
.linkNormal
{
	font-family:Verdana;
	font-size:11px;
	color:#000;
	text-decoration:underline;
}
.linkNormal:hover
{
	font-family:Verdana;
	font-size:11px;
	color:#CC9966;
	text-decoration:underline;
}
.linkHelp
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#CC9966;
	text-decoration:none;
}
.linkHelp:hover
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#CC9966;
	text-decoration:underline;
}
.linkDisplayMode
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	
	text-decoration:none;
}
.linkDisplayMode:hover
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	
	text-decoration:underline;
}

.linkRedirectToModify
{
	font-family:Verdana;
	font-size:10px;
	
	color:#0000FF;
	text-decoration:none;
}
.linkRedirectToModify:hover
{
	font-family:Verdana;
	font-size:10px;
	
	color:#0000FF;
	text-decoration:underline;
}

.linkImport
{
	color:#FF0000;
  font-family: verdana; 
  font-weight:bolder;
   font-weight:bold;
  font-size:12px;
  
	text-decoration:none;
	src:url(images/import.gif);
}
.linkImport:hover
{
	color:#FF0000;
  font-family: verdana; 
  font-weight:bolder;
  font-size:12px;
  font-weight:bold;
 text-decoration:underline;
 src:url(images/import.gif);
}


.linkBold
{
	font-family:Verdana;
	font-size:11px;
	color:#003366;
	text-decoration:none;
	font-weight:bold;
}
.linkBold:hover
{
	font-family:Verdana;
	font-size:11px;
	color:#003366;
	text-decoration:underline;
	font-weight:bold;
}
.linkItalic
{
	font-family:Verdana;
	font-size:11px;
	color:#003366;
	text-decoration:none;
	font-style:italic;
}
.linkItalic:hover
{
	font-family:Verdana;
	font-size:11px;
	color:#003366;
	text-decoration:underline;
	font-style:italic;
}
.linkFooter
{
	font-family:Verdana;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
.linkFooter:hover
{
	font-family:Verdana;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}

.DivArea
{
  background-color:#F6F6F6;
  height:100%;
  width:100%;
}


/*
#4f7dd2 - header dark blue
#003399 - font dark blue
#E1ECFC - light border blue
#F1F8FF - lighter left background blue

#99ACF7 -  text box blue border dark
#E9F4FF -  text box blue border light

#FEE197 - yellow

#C1C6DB - Button background color
*/


